.userLogin {
    display:flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.divColumnCC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 500px;
    height: 400px;
    border: 3px solid black;
}

.divColumnSC {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.divRowCC {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.button {
    transition-duration: 0.4s;
}

.button1 {
    background-color: white;
    color: black;
}

.button1:hover {
    background-color: #008CBA;
    color: white;
    border: 1px solid #008CBA;
}

.button1:active {
    transform: translateY(2px);
}

a {
    color: black;
}

a:hover {
    color: #008CBA;
}